<%@ page contentType="text/html; charset=utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>

<div role="main" class="span single-column ">

<div class="header">
  
  <h4 class="section-title">
    Running Club
    
    <div class="actions">
      
    <div class="dropdown pull-right">
      <a class="btn btn-primary btn-small dropdown-toggle" data-toggle="dropdown" href="javascript:void(0);">Actions <b class="caret"></b></a>
      <ul class="dropdown-menu" role="menu">
        <li role="menuitem">
          
          <a href="/groups/109004/members/#invite">Add members</a>
        </li>
        <li role="menuitem">
          <a data-toggle="modal" href="#leave_group_modal">Leave group</a>
        </li>
        
        
      </ul>
    </div>
    
<div class="modal hide " id="leave_group_modal">
  <div data-class="modal-header" class="modal-header ">
    <a class="close" data-dismiss="modal">&times;</a> 
    <h3 >Are you sure you want to leave this group?</h3>
  </div>
  
    <div data-class="modal-body" class="overthrow modal-body">
      
  <p>
    You'll no longer see updates from this group on your homepage or receive them via email. You also won't be able to post to the group.
  </p>

    </div>
  
  <div class="modal-footer ">
    
  <a href="javascript:void(0)" class="btn" data-dismiss="modal">No</a>
  <a href="javascript:void(0)" class="btn btn-primary" data-action="group-leave" data-dismiss="modal">Yes</a>

  </div>
</div>
    
    
  
    </div>
  </h4>
  <p class="section-description">
    
      
  
  
    
    
    
    We have beautiful trails in our neighborhood. Let&#39;s run them together! Feel free to share new routes that you&#39;ve tried, any important safety 
    <a class="view-more-link" href="javascript:void(0);" data-action="show-more-about">View more</a>
    <span data-type="more-about" class="hide">
      information, and your general love of running. One group run will take place every Tuesday at 6:15pm during summer, and we can add more runs as interest increases!
    </span>
  

    
  </p>
  
    <ul role="menubar" class="nav nav-pills">
      <li role="menuitem" class="active">
        <a href="javascript:void(0);">
          <i class="icon-nextdoorv2 icon-m-message"></i>
          Updates
        </a>
      </li>
      <li role="menuitem">
        <a href="/groups/109004/members/">
          <i class="icon-nextdoorv2 icon-m-people"></i>
          <span id="members_count">21</span> Members
        </a>
      </li>
    </ul>
  
</div>
<hr/>

    
  
  
  
  
  
  
  
  


  
    






  



<!--  글 작성 시작 -->
<div id="postbox">
  <div id="postbox_error" class="error-banner hide">
    The fields marked in red are required.
  </div>
  <div id="postbox_fake">
    <div class="input-textarea-fake input-block-level">
      <span data-class="placeholder" class="placeholder">Post a message, event or urgent alert<span class='hidden-phone'> to neighbors</span></span>
    </div>
  </div>
  
  
  
  <!-- DB: 폼의 시작 -->
  <form id="postbox_real" class="collapse"
        enctype="multipart/form-data" method="post"
        action="articleSimpleWrite.action">
    


    <div id="story_error" class="error hide"></div>
    <div class="control-group" data-class="control-group">
      <div class="controls" data-class="controls">
        
        
        
          <div id="menu_audience_toggle" class="input-text-fake input-block-level input-first menu-toggle"
               data-toggle="collapse"
               data-target="#menu_audience"
               data-state="closed">
            <span id="menu_audience_placeholder" data-class="placeholder" class="placeholder">
              <i class="icon-nextdoorv2 icon-m-pin"></i>
              Choose neighbors
            </span>
            <span id="menu_audience_selected" data-class="menu-selected" class="menu-selected"></span>
            <b id="audience_caret" class="glyphicon-chevron-down"></b>
          </div>
        
        <div id="menu_audience" class="menu-options collapse">
          <div class="controls-broadcast">
            
              
                <label for="group_id_109004" class="radio">
                  <input type="radio"
                         name="groupname"
                  
                         data-type="group"
                         data-value="109004"
                         id="group_id_109004"/>
                  Running Club group
                  (21 neighbors) 
      
                 
                  <!--  여기는 현재 들어와 있는 페이지의 그룹 여기가 리절트값으로 넣는게아닌거야?이거는
                   로그인 기반이니까 글 쓸때 작서자를 넣어주는게 아니라 로그인 정보에서 가져와야됨 그래서
                  -->
                </label>
              
            
          </div>
        </div>

        
        <input id="input_subject" autocomplete="off" name="subject" class="input-block-level" type="text" placeholder="Add subject"/>

        
        <textarea id="input_message" autocomplete="off" name="content" class="input-block-level" rows="2" placeholder="Write message"></textarea>

        
        <div id="menu_category_toggle" class="input-text-fake input-block-level menu-toggle input-last"
             data-toggle="collapse"
             data-target="#menu_category"
             data-state="closed">
          <span id="menu_category_placeholder" data-class="placeholder" class="placeholder">
            <i class="icon-nextdoorv2 icon-m-tag"></i>
            Choose category
          </span>
          <span id="menu_category_selected" data-class="menu-selected" class="menu-selected"></span>
          <b id="category_caret" class="glyphicon-chevron-down"></b>
        </div>
        <div id="menu_category" class="menu-options collapse">
          
            <label class="radio">
              <input type="radio" name="category" id="classifieds" value="2">
              Classifieds
            </label>
            <label class="radio">
              <input type="radio" name="category" id="lost_and_found" value="5">
              Lost & Found
            </label>
            <label class="radio">
              <input type="radio" name="category" id="crime_and_safety" value="4">
              Crime & Safety
            </label>
            <label class="radio">
              <input type="radio" name="category" id="recommendations" value="1">
              Recommendations
              <span class="hide">&minus; <a href="javascript:void(0);">Change</a></span>
            </label>
            <label class="radio">
              <input type="radio" name="category" id="free" value="6">
              Free items
            </label>
            <label class="radio">
              <input type="radio" name="category" id="general" value="7">
              General
            </label>
          
        </div>
      </div>
    </div>

    
    <div class="actions" id="photo_upload_actions">
      <div id="file_upload_error" class="error hide"></div>
      <div class="upload-group" data-class="upload-group">
        <div class="upload-btn">
          <a id="add_photo" class="btn btn-small" href="javascript:void(0);"
             title="Upload a photo or attachment">
            <i class="glyphicon-camera"></i> +
          </a>
          <input id="photo_id" class="file" type="file" name="upload"/>
        </div>
        <span id="file-upload-name"></span>
        <a href="javascript:void(0);" class="hide" id="file-upload-remove"><i class="glyphicon-remove"></i></a>
      </div>

      
      <!-- submit버튼 -->
      <button id="post_button1" type="submit" class="btn btn-primary">Post</button>
      <button class="btn-link" id="close_button">Close</button>
    </div>

    <!-- 
  <input type="hidden" id="id_group" name="group" value="109004"/>
  <input type="hidden" id="is_group_page" value="true"/>

<input type="hidden" name="author" value="4609"/>
<input type="hidden" name="creation_date" value=""/>
<input type="hidden" id="question_bool" name="question" value=""/>
<input type="hidden" id="source_selector" name="post_source"/>



  <input type="hidden" id="topic_selector" name="topics"/>
   -->
    
  </form> <!-- DB: 폼의 끝 -->

  
  <div id="postbox_spinner" class="hide">
    <div class="spinner">
      <img src="https://d19rpgkrjeba2z.cloudfront.net/static/images/32-ajax-loader-f4f3f3.gif"/>
    </div>
  </div>
</div>
  
<!--  글 작성 끝 -->
  

  
    
<div id="nf_stories">
        





  
  


<!--  글 시작 -->

 <s:iterator value="list" status="stat">
<div class="media" id="s_1921845" data-class="whole-story" data-nearby-post="false">
  <div class="media-object">
      <a data-class="linked-name" data-id="763" href="프로필사진링크">
      <img class="avatar" src="/nextdoor/upload/file_38.jpg" alt="사용자 이름 alt태그 alt태그에 대한건 tiro.co.kr"/></a>
  </div>
  
  <div class="media-body" id="b_1921845">
    <div data-class="main-content-area">
      <h4 class="media-heading" id="a_1921845">
        <s:a href="%{viewURL}"><span class="writer" ></span></s:a>
  
        <a href="/news_feed/?post=1921845"><s:property value="subject"/></a>
        <span class="timestamp" ><s:property value="regdate"/></span>
      </h4>
      
        <h5 class="media-author">
          <span class="user-name"><a data-class="linked-name" data-id="763" href="DB:유저프로필링크"><s:property value="writer"/></a></span>
          <span class="media-location">
            from
          <a href="javascript:void(0);" data-toggle="map-modal" data-target="#nearby-neighborhoods-map-modal" data-type="neighborhood" data-id="6">Alta Hill</a>
    
          </span>
        </h5>
      
 <p data-class="post-content">
      <a href="/nextdoor/upload/file_38.jpg" data-action="photo-click" class="media-thumbnail">
        <img src="/nextdoor/upload/file_38.jpg" alt="Photo from Vince Turner" style="width:115px;height:115px;">
      </a>
    <s:property value="resultClass.content"/>
  </p>
  
  
  <div class="media-scope">
    Shared with the
    
      <s:a href="%{groupListViewURL}" >
            <s:property value="resultClass.groupname"/>
          </s:a>

      
        public group
          
  <span id="topic_list_1921845">
    <span data-class="topics-label"> in
      <s:a href="/free/">
       <s:property value="category"/></s:a></span>
  
  </span>

        </div>
        <div class="media-actions" id="bl_1921845">
  <span>
    <a class="btn btn-mini"
      
        data-action="like"
      
        data-add-like-url="/posts/1921845/likes/"
        data-contenttype="post"
        data-contentid="1921845"
         href="javascript:void(0);">
      
        <span data-class="label">Thank</span>
      
        <span data-class="count" class="count">1</span>
    </a>
  </span>

  <span>
    <a href="javascript:void(0);"
       class="btn btn-mini"
       data-action="comment"
       data-contenttype="post"
       data-contentid="1921845"
       data-leadspost="false"
       
       
       nnpost="false">
      <span data-class="label">Reply</span>
      <span data-class="count" class="count">
        3
      </span>
    </a>
  </span>
    <div class="dropdown">
      <a class="btn btn-mini dropdown-toggle" data-toggle="dropdown" href="javascript:void(0);"><b class="caret"></b></a>
      <ul class="dropdown-menu" role="menu">
      
    
  <li role="menuitem" class="hidden-phone">
    <a href="javascript:void(0);" data-action="edit-categories" data-hide-resource="false" data-free="true" data-post-id="1921845">Change category</a>
  </li>
                    
                      
  <li role="menuitem" >
    <a href="javascript:void(0);" data-action="flag" data-flag-type="post" data-flag-id="1921845">Flag</a>
  </li>

                    
             </ul>
       </div>
     
   </div>
 

      

      
      
    <!--  댓글 시작
        
        <div class="media-comments"
             id="comment_container_1921845" data-num-comments="3"
             data-class="comment-like-container">
          <div class="arrow">
            <b class="arrow-up-dark"></b>
            <b class="arrow-up"></b>
          </div>

          
          <div class="media-thanks" data-class="like-container">
            <p>
              <span class="comment-count"><i class="glyphicon-star"></i></span>
              <span id="like_1921845">
                <a data-class='linked-name' href='/profile/5101/' data-id='5101'>Julia</a> thanked <a data-class="linked-name" data-id="763"
               href="/profile/763/">Amanda</a>
              </span>
            </p>
          </div>
    
    <div data-comment-content-id="1921845" data-comment-content-type="post" class="media-comment" id="comment_1916816">

      
      <div class="" id="comment_inner_container_1916816">
        <div class="media-object hidden-phone">
      
    <a data-class="linked-name" data-id="752" href="/profile/752">
  <img class="avatar"
       src="https://d3dqvga78raec5.cloudfront.net/user_photos/a5/3f/a53f6d93bf58ad3cd4ffe61158fc1e36.80x80.jpg"
       
         alt="Picture of Bryan Meltzer"
       
    />
    </a>
  
          
        </div>
        <div class="media-body">
          <h6 class="media-author">
            
            
              <span class="user-name"><a data-class="linked-name" data-id="752" href="/profile/752">Bryan Meltzer</a></span>
              
              <span class="media-location">
                from <a href="javascript:void(0);" data-target="#nearby-neighborhoods-map-modal" data-toggle="map-modal" data-type="neighborhood" data-id="6">
               Alta Hill
                </a>
              </span>
            

            <span class="timestamp">29 Jul</span>
          </h6>

          
          
            
              <p>Amanda, I think you should call the police to report what happened, if only to have it on record. That&#39;s a pretty quiet area down there, so I can&#39;t imagine what that man was up to. I&#39;m glad you&#39;re safe.</p>
            
          

          <div class="media-actions">
            <a href="javascript:void(0);"
                
                  data-action="like"
                
                data-add-like-url="/comments/1916816/likes/"
                data-contenttype="comment"
                data-contentid="1916816">
                <span data-class="label">Thank</span>
              </a><span class="meta">Flagged</span></div>
          <div class="media-thanks" id="comment_like_container_1916816" data-class="like-container">
            <span id="like_1916816">
              
            </span>
          </div>
        </div>
      </div>
    </div>
    
    
    
    
    <div data-comment-content-id="1921845" data-comment-content-type="post" class="media-comment" id="comment_1916853">

      

      

      <div class="" id="comment_inner_container_1916853">
        <div class="media-object hidden-phone">
          
          
            
            
  
  
    <a data-class="linked-name" data-id="5101" href="/profile/5101">
  <img class="avatar"
       src="https://d3dqvga78raec5.cloudfront.net/user_photos/02/43/02430ea756123b4ea4ac90b40089c256.80x80.jpg"
       
         alt="Picture of Julia Bentley"
       
    />
    </a>
  
          
        </div>
        <div class="media-body">
          <h6 class="media-author">
            
            
              <span class="user-name"><a data-class="linked-name" data-id="5101" href="/profile/5101">Julia Bentley</a></span>
              
              <span class="media-location">
                from <a href="javascript:void(0);" data-target="#nearby-neighborhoods-map-modal" data-toggle="map-modal" data-type="neighborhood" data-id="6">
               Alta Hill
                </a>
              </span>
            

            <span class="timestamp">29 Jul</span>
          </h6>

          
          
            
              <p>Amanda! Thank you so much for sharing. I was literally just lacing my shoes up to go for that very run. Are you alright? Did you call the police?</p>
            
          

          <div class="media-actions">
            <a href="javascript:void(0);"
                
                  data-action="like"
                
                data-add-like-url="/comments/1916853/likes/"
                data-contenttype="comment"
                data-contentid="1916853">
                <span data-class="label">Thank</span>
              </a><span class="meta">Flagged</span></div>
          <div class="media-thanks" id="comment_like_container_1916853" data-class="like-container">
            <span id="like_1916853">
              
            </span>
          </div>
        </div>
      </div>
    </div>
    
  
    
    

    
    
    
    <div data-comment-content-id="1921845" data-comment-content-type="post" class="media-comment" id="comment_1916906">

      

      

      <div class="" id="comment_inner_container_1916906">
        <div class="media-object hidden-phone">
          
          
            
            
  
  
    <a data-class="linked-name" data-id="761" href="/profile/761">
  <img class="avatar"
       src="https://d3dqvga78raec5.cloudfront.net/user_photos/5e/fe/5efec7e8f6de57a2b8123ef18242609e.80x80.jpg"
       
         alt="Picture of Aubrey Nichols"
       
    />
    </a>
  
          
        </div>
        <div class="media-body">
          <h6 class="media-author">
            
            
              <span class="user-name"><a data-class="linked-name" data-id="761" href="/profile/761">Aubrey Nichols</a></span>
              
              <span class="media-location">
                from <a href="javascript:void(0);" data-target="#nearby-neighborhoods-map-modal" data-toggle="map-modal" data-type="neighborhood" data-id="6">
               Alta Hill
                </a>
              </span>
            

            <span class="timestamp">29 Jul</span>
          </h6>

          
          
            
              <p>
                
                
                Amanda, thank you for letting us know. This is the very reason that we started this running group – to keep each other in the loop about fun, scenic runs but unfortunately to also share important
                <span id="comment_more_1916906">... <a data-action="show-full-comment" data-comment-id="1916906" href="javascript:void(0);" >View more</a></span><span class="hide" id="comment_all_1916906">
                  safety information like this. 
<br/>
<br/>
Once I&#39;m healed up, I&#39;d love to rejoin our weekly group runs. Until then, everyone, please consider bringing a running buddy along, always tell someone where you&#39;re going, and think about carrying pepper spray. 
<br/>
<br/>
I am glad you&#39;re okay.
                </span>
              </p>
            
          

          <div class="media-actions">
            <a href="javascript:void(0);"
                
                  data-action="like"
                
                data-add-like-url="/comments/1916906/likes/"
                data-contenttype="comment"
                data-contentid="1916906">
                <span data-class="label">Thank</span>
              </a><span class="meta">Flagged</span></div>
          <div class="media-thanks" id="comment_like_container_1916906" data-class="like-container">
            <span id="like_1916906">
              
            </span>
          </div>
        </div>
      </div>
    </div>
    
  
          

          
          
            <div class="media-comment" data-action="start-comment" data-contenttype="post" data-contentid="1921845" data-nnpost="false" data-leadspost="false">
              <form class="form-inline">
                <textarea rows="1" cols="1" class="input-block-level" placeholder="Write a reply"></textarea>
              </form>
            </div>
          
          

        </div>
   댓글 끝 -->   

        
          <div class="media-closed-for-comment-footer hide"
               data-group="closed-for-comment-footer"
               data-contentid="1921845">
            
          </div>
        
      
    </div>
  </div>
</div>

  </s:iterator>
<!--  글 끝 -->  

<div class="feed-invite-prompt hide">
  <div class="feed-invite-shadow"></div>
  <div class="feed-invite-container">
    <div class="feed-invite-headline">
      Want to see more? Invite your neighbors!
    </div>

    <div class="feed-invite-body">
      <a href="/invitation_email/?is=bnf">
        <div class="feed-invite-link">
          <strong>Send a free postcard to a neighbor</strong> <i class="glyphicon-circle-arrow-right"></i>
        </div>
        <div class="feed-invite-facepile">
          <img src="https://d19rpgkrjeba2z.cloudfront.net/static/nextdoorv2/images/images/feed-invite-facepile.jpg" />
        </div>
      </a>
    </div>
  </div>
</div>

<!-- ajax 사용시 로딩바 -->
<div id="feed_view_more_container_old" class="hide">
  <button class="btn-link btn-block" id="feed_view_more" data-action="/feeds/user_group/item/109004/?ts=1375127382214842">
    Loading more stories...
  </button>
</div>
      </div>
    
  

  
  

  
  


  </div>

    </div>
  </div>

    
  
      
     